<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1.引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 2.引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 3.引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 5.引入当前页样式 -->
    <link rel="stylesheet" href="../css/loginzc.css" />
</head>

<body>
    <header>
        <!-- 头部通栏 -->
        <div class="head">
            <div class="center headerTop flex-c-sb">
                <!-- 左边log -->
                <h1></h1>
                <!-- 右边 -->
                <div>
                    已有源码账号,&emsp;<a href="#">立即登录</a>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="box center">
            <div class="register">
                <h1>欢迎注册</h1>
                <h2>百款注册接口免费试用</h2>
                <div class="gift">
                    <img src="../imgs/reg-gift.png" alt=" 图片已损坏">
                    注册即送300元大礼包
                </div>
                <p class="user">
                    <input type="text" name="" id="userinp" placeholder="用户名（6-20位字母数字）">
                    <span></span>
                </p>
                <p class="phone">
                    <input type="text" name="" id="phoneinp" placeholder="请输入手机号码">
                    <span></span>
                </p>
                <p class="veri">
                    <input type="text" name="" id="veriinp" placeholder="请输入手机短信验证码">
                    <button>获取验证码</button>

                </p>
                <p class="choose">
                    <input type="" name="" id="chooseinp" placeholder="请输入6-12位密码">
                    <span></span>
                </p>

                <p class="checkbox">
                    <input type="checkbox">
                    我已阅读并接受&emsp;
                    <a href="#">《源码用户服务协议》</a>
                    &emsp;
                    <a href="#">《源码隐私政策》</a>
                </p>

                <button class="but">立即注册</button>


            </div>
        </div>
    </main>




    <script src="../js/util.js"></script>
    <script src="../js/loginzc.js"></script>
</body>

</html>